import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router'
import 'vant/lib/index.css';  //设置根字体大小
import { createPinia } from 'pinia';
import { Tabbar, TabbarItem, Button, NavBar, Search, ContactCard, Cell, CellGroup, DropdownMenu, DropdownItem , Popup , Form, Field ,Loading ,Icon ,Image as VanImage,Tag ,Grid, GridItem,Card} from 'vant';
import Directives from './command/index.js'
//import Katex from 'vue-katex-auto-render'
//vue.directive('katex', Katex)

const app = createApp(App)

app.use(router)
app.use(createPinia())

app.use(Tabbar);
app.use(TabbarItem);
app.use(Button);
app.use(NavBar);
app.use(Search);
app.use(ContactCard);
app.use(Cell);
app.use(CellGroup);
app.use(DropdownMenu);
app.use(DropdownItem);
app.use(Popup);
app.use(Form);
app.use(Field);
app.use(Loading);
app.use(Icon);
app.use(VanImage);
app.use(Tag);
app.use(Grid);
app.use(GridItem);
app.use(Card);

app.use(Directives)

app.mount('#app')
